page{
    height: 100%;
}
.cates{
    height: 100%;
    .cates_container{
        // less中使用calc的时候要注意
        height: calc(100vh - 90rpx);
        display: flex;
       .left_menu{
        //   flex 伸缩盒子项 他的高度为100%
           flex: 2;
        //    background-color: aqua;
           .menu-item{
               height:80rpx;
               display:flex;
               justify-content:center;
               align-items: center;
           }
           .active{
               color: var(--themeColor);
               border-left: 5rpx solid #eb4450;
           }
       } 
       .right_menu{
            //   flex 伸缩盒子项 他的高度为100%
            flex: 5;
            // background-color: lawngreen; 
            .goods_group{
                .goods_title{
                    height:80rpx;
                    display: flex;
                    justify-content:center;
                    align-items:center;
                    .delimiter{
                        color: #ccc;
                        padding:0 10rpx;
                    }
                }
                .goods_list{
                    display:flex;
                    flex-wrap: wrap;
                    navigator{
                        width: 33.33%;
                        text-align: center;
                        image{
                            width: 50%;
                          
                        }
                    }
                }
            }
       }
    }

}